// 公共样式
const commonStyle = {
  rotate: '',
  opacity: 1
}

// 编辑器左侧组件列表
const list = [
  {
    component: 'Chart1',
    label: '图表01',
    propValue: '图表1',
    icon: 'el-icon-edit',
    animations: [],
    events: {},
    style: { width: 600, height: 100, fontSize: 14, fontWeight: 500, lineHeight: '', letterSpacing: 0, textAlign: '', color: '' }
  },
  {
    component: 'Chart2',
    label: '图表02',
    propValue: '图表1',
    icon: 'el-icon-edit',
    animations: [],
    events: {},
    style: { width: 600, height: 200, fontSize: 14, fontWeight: 500, lineHeight: '', letterSpacing: 0, textAlign: '', color: '' }
  },
  {
    component: 'M1',
    label: '图表1',
    propValue: '图表1',
    icon: 'el-icon-edit',
    animations: [],
    events: {},
    style: { width: 600, height: 200, fontSize: 14, fontWeight: 500, lineHeight: '', letterSpacing: 0, textAlign: '', color: '' }
  },
  {
    component: 'M2',
    label: '图表2',
    propValue: '图表1',
    icon: 'el-icon-edit',
    animations: [],
    events: {},
    style: { width: 600, height: 100, fontSize: 14, fontWeight: 500, lineHeight: '', letterSpacing: 0, textAlign: '', color: '' }
  },
  {
    component: 'M3',
    label: '图表3',
    propValue: '图表1',
    icon: 'el-icon-edit',
    animations: [],
    events: {},
    style: { width: 600, height: 200, fontSize: 14, fontWeight: 500, lineHeight: '', letterSpacing: 0, textAlign: '', color: '' }
  },
  {
    component: 'M5',
    label: '图表5',
    propValue: '图表1',
    icon: 'el-icon-edit',
    animations: [],
    events: {},
    style: { width: 600, height: 500, fontSize: 14, fontWeight: 500, lineHeight: '', letterSpacing: 0, textAlign: '', color: '' }
  },
  // {
  //   component: 'v-text',
  //   label: '文字',
  //   propValue: '文字',
  //   icon: 'el-icon-edit',
  //   animations: [],
  //   events: {},
  //   style: { width: 200, height: 33, fontSize: 14, fontWeight: 500, lineHeight: '', letterSpacing: 0, textAlign: '', color: '' }
  // },
  // {
  //   component: 'v-button',
  //   label: '按钮',
  //   propValue: '按钮',
  //   icon: 'el-icon-thumb',
  //   animations: [],
  //   events: {},
  //   style: { width: 100, height: 34, borderWidth: '', borderColor: '', borderRadius: '', fontSize: 14, fontWeight: 500, lineHeight: '', letterSpacing: 0, textAlign: '', color: '', backgroundColor: '' }
  // },
  // {
  //   component: 'Picture',
  //   label: '图片',
  //   icon: 'el-icon-picture',
  //   propValue: require('@/assets/title.jpg'),
  //   animations: [],
  //   events: {},
  //   style: {
  //     width: 300,
  //     height: 200,
  //     borderRadius: ''
  //   }
  // }
]

list.forEach(item => {
  item.style = { ...item.style, ...commonStyle }
})

export default list